@extends('template')
@section('css')
    <style>
        .header-tx{
            width: 100%;
            height: 4rem;
            background: url("{{asset('img/deliver.jpg')}}") no-repeat 0/cover;
            display: flex;
        }
        .cell-textarea{
            height: 4rem;
        }
    </style>
@stop
@section('content')
    <div class="g-scrollview">
        <div class="header-tx"></div>
        <form action="{{route('love')}}" method="post" id="form">
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left">Ta的名字：</div>
                    <div class="cell-right"><input name="taname" required type="text" maxlength="20" class="cell-input" placeholder="请输入Ta的名字" autocomplete="off" /></div>
                </div>
                <br/>
                <div class="m-celltitle">您想对Ta说：</div>
                <div class="m-cell">
                    <div class="cell-item">
                        <div class="cell-right">
                            <textarea class="cell-textarea" required name="love_text" placeholder="请输入您想对Ta说的话"></textarea>
                        </div>
                    </div>
                </div>
                @csrf
                <button type="submit" class="btn-block btn-danger">填好了，发布</button>
            </div>
        </form>
    </div>

    <footer class="m-tabbar">
        <a href="{{route('home')}}" class="tabbar-item">
                <span class="tabbar-icon">
                    <i class="icon-home"></i>
                </span>
            <span class="tabbar-txt">首页</span>
        </a>
        <a href="{{route('deliver')}}" class="tabbar-item  tabbar-active">
                <span class="tabbar-icon">
                    <i class="icon-like"></i>
                </span>
            <span class="tabbar-txt">发表</span>
        </a>
        <a href="{{route('ucenter')}}" class="tabbar-item">
                <span class="tabbar-icon">
                    <i class="icon-ucenter"></i>
                </span>
            <span class="tabbar-txt">个人中心</span>
        </a>
    </footer>
@stop
@section('js')
    <script>
        !function (win,$) {
            
        }(jQuery,window);
    </script>
@stop
